{% extends "base.html" %}

{% block title %}舆情信息管理{% endblock %}

{% block breadcrumb %}舆情信息管理{% endblock %}

{% block content %}
<!-- 信息管理工具栏 -->
<div class="tools-bar">
    <div class="search-box">
        <input type="text" placeholder="搜索舆情信息...">
        <button class="btn-primary">
            <i class="material-icons">search</i>
        </button>
    </div>
    <div class="filter-group">
        <select>
            <option>全部来源</option>
            <option>新闻媒体</option>
            <option>社交平台</option>
            <option>论坛博客</option>
        </select>
        <select>
            <option>全部情感</option>
            <option>正面</option>
            <option>中性</option>
            <option>负面</option>
        </select>
        <input type="date">
    </div>
    <button class="btn-primary">
        <i class="material-icons">add</i>
        添加监控
    </button>
</div>

<!-- 信息列表 -->
<div class="info-table">
    <table class="table">
        <thead>
            <tr>
                <th>ID</th>
                <th>标题</th>
                <th>来源</th>
                <th>情感倾向</th>
                <th>发布时间</th>
                <th>热度</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>示例新闻标题</td>
                <td>新浪微博</td>
                <td><span class="tag tag-positive">正面</span></td>
                <td>2024-03-10 14:30</td>
                <td>
                    <div class="progress-bar">
                        <div class="progress" style="width: 75%"></div>
                    </div>
                </td>
                <td>
                    <div class="action-buttons">
                        <button class="btn-icon" title="查看详情">
                            <i class="material-icons">visibility</i>
                        </button>
                        <button class="btn-icon" title="编辑">
                            <i class="material-icons">edit</i>
                        </button>
                        <button class="btn-icon" title="删除">
                            <i class="material-icons">delete</i>
                        </button>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

<!-- 分页 -->
<div class="pagination">
    <button class="btn-page"><i class="material-icons">chevron_left</i></button>
    <button class="btn-page active">1</button>
    <button class="btn-page">2</button>
    <button class="btn-page">3</button>
    <span>...</span>
    <button class="btn-page">10</button>
    <button class="btn-page"><i class="material-icons">chevron_right</i></button>
</div>
{% endblock %} 